<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="static/css/main.css"/>
    <link rel="stylesheet" href="static/lib/animate.css">
    <link rel="stylesheet" href="static/lib/astiloader/astiloader.css">
    <link rel="stylesheet" href="static/lib/astimodaler/astimodaler.css">
    <link rel="stylesheet" href="static/lib/astinotifier/astinotifier.css">
    <link rel="stylesheet" href="static/lib/font-awesome-4.7.0/css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet">
    <script>window.$ = window.jQuery = require('./static/lib/jquery.min.js');</script>
</head>
<body class="firstrun">
  <div class="draggable"></div>
  <div class="centered">
    <div class="welcome main-section">
      <div class="chat-box step" id="intro_anim_logo">
        <img src="static/i/miner-logo.png" />
      </div>
      <div class="chat-box step dn" id="intro_anim_a">
        Hey there <span id="username"></span>!
      </div>
      <div class="chat-box step dn" id="intro_anim_b">
        We're really happy you<br/>
        chose to mine with us
      </div>
      <div class="step dn" id="intro_anim_c">
        Let's get you set up
      </div>
      <div class="step dn" id="intro_anim_d">
        Your wallet
      </div>
      <div class="chat-box step selection dn" id="initial-wallet">
        <p class="description">
          A cryptocurrency wallet is a secure application you'll use to transact with.<br/> Your wallet address
          is used whenever you want to receive Torque coins, you can think of it as your bank account number, just more secure.
        </p>
        <p class="description">
          Your Torque wallet address is <b>safe</b> to share
        </p>
        <div class="option wallet-select" data-option="no-wallet">
          <h3>
            I don't have a wallet
          </h3>
          <p>
            If you've never mined Torque or don't have an address
          </p>
        </div>
        <div class="option wallet-select" data-option="has-wallet">
          <h3>
            I have a wallet
          </h3>
          <p>
            If you've mined Torque before or have an address already
          </p>
        </div>
      </div>
    </div>
    <div class="setup-wallet dn main-section">
      <div class="chat-box">
        Select your wallet
      </div>
      <div class="chat-box step selection">
        <a href="https://torque.cash/paperwallet.html" target="_blank" class="option wallet" data-option="no-wallet">
          <h3>
            Paper Wallet
          </h3>
          <p>
            A paper wallet is a method of storing your Torque coins 'offline'.
            Once you've generated a paper wallet you need to store the information
            securely to later import into the GUI wallet for your Torque to
            be usable.
          </p>
          <div class="info-block none">
            &nbsp;
          </div>
        </a>
        <a href="https://github.com/contribute-torque/TorqueGUI/releases" target="_blank" class="option wallet" data-option="has-wallet">
          <h3>
            GUI Wallet
          </h3>
          <p>
            The GUI wallet is a graphical wallet you'll install on your
            computer. You can use the GUI wallet to send and receive
            Torque coins to other people or exchanges. You can create a new
            one or import an existing one.
          </p>
          <div class="info-block recommended">
            recommended
          </div>
        </a>
      </div>
      <div class="chat-box small">
        <p class="description tip">
          Tip: The fastest way to get started is with the paper wallet.<br />
          Once you are up and running you can import your paper wallet into the GUI wallet using your seed words
        </p>
        <p class="spaced">
          Once you have your wallet set up, continue
        </p>
        <br/>
        <a class="button back" data-target="initial-wallet" href="#">
          Back
        </a>
        <a class="button ok" data-target="setup-mining" href="#">
          Continue
        </a>
      </div>
    </div>

    <div class="setup-mining main-section dn" id="setup-mining">
      <div class="chat-box">
        Set up your mining
      </div>
      <div class="chat-box address">
        <h3>
          Torque address to mine to
        </h3>
        <p>
          This is the address you received when you created your wallet. It will start with the characters <span>Se</span> or <span>SE</span>
        </p>
        <div>
          <input id="mining_address" type="text" placeholder="Your Torque address"/>
        </div>
      </div>
      <div class="chat-box small">
        <a class="button back" data-target="initial-wallet" href="#">
          Back
        </a>
        <a class="button ok" data-target="setup-pool" href="#">
          Continue
        </a>
      </div>
    </div>

    <div class="setup-pool main-section dn" id="setup-pool">
      <div class="chat-box">
        Select a mining pool
        <p class="description">
          A mining pool is where many different miners work together to find a block and share the reward. If you were<br/>
          to mine on your own (solo mining) it could take weeks before you find a block, <b>if</b> you find a block.
        </p>
        <p class="description">
          The community has set up a bunch of pools, some of the most popular ones are listed below. We recommend picking<br/>
          a pool that has some miners and a healthy hash rate. Picking a busy pool results in smaller, more frequent payouts while a smaller<br/>
          pool results in larger, less frequent payouts.
        </p>
      </div>
      <div class="pool-selection">
        <div id="pool_list">Pool List</div>
        <div class="chat-box small">
          <a class="button back" data-target="setup-mining" href="#">
            Back
          </a>
          <a class="button ok dn" id="start_mining" data-target="antivirus" href="#">
            Continue
          </a>
        </div>

      </div>
    </div>

    <div class="antivirus main-section dn" id="antivirus">
      <div class="chat-box">
        Antivirus
      </div>
      <div class="chat-box step">
        <p class="description">
          Some antivirus packages detect cryptocurrency miners as malware and will
          remove the miner as soon as it's started. In order for the GUI miner to
          function, you'll need to exclude the miner from being scanned by your
          antivirus software.
        </p>
        <p class="description">
          Below are guides for the most popular packages, the path you need to exclude is
            <pre id="miner_path"></pre>
        </p>
        <ul>
          <li>
            <a class="link" href="https://support.microsoft.com/en-za/help/4028485/windows-10-add-an-exclusion-to-windows-defender-antivirus">Windows Defender</a> (a must for Windows 10 users)
          </li>
          <li>
            <a class="link" href="https://support.kaspersky.com/12987">Kaspersky</a>
          </li>
          <li>
            <a class="link" href="https://support.avast.com/en-ww/article/Antivirus-scan-exclusions">Avast</a>
          </li>
          <li>
            <a class="link" href="https://www.bitdefender.com/consumer/support/answer/2121/">BitDefender</a>
          </li>
        </ul>
      </div>
      <div class="chat-box small">
        <a class="button ok" id="start_mining" data-target="configure_miner" href="#">
          Ok, I've allowed the miner
        </a>
      </div>
    </div>

    <div class="setup-pool main-section dn" id="configure_miner">
      <div class="chat-box">
        Configuring your miner
        <p class="description">
          We'll be quick, we promise
        </p>
        <p>
          <img src="static/i/configuring.gif" />
        </p>
      </div>
    </div>
  </div>
  <a href="#" id="exit" class="dn">Cancel and exit</a>
  <script src="static/lib/astiloader/astiloader.js"></script>
  <script src="static/lib/astimodaler/astimodaler.js"></script>
  <script src="static/lib/astinotifier/astinotifier.js"></script>
  <script src="static/lib/jquery.animatecss.js"></script>
  <script src="static/lib/chart.bundle.min.js"></script>
  <script src="static/js/shared.js"></script>
  <script src="static/js/firstrun.js"></script>
  <script type="text/javascript">
      firstrun.init();
  </script>
</body>
</html>
